<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Administration</title>
    <link rel="stylesheet" href="/CamJam/Resources/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/CamJam/Resources/back.css">
    <script src="/CamJam/Resources/jquery.min.js"></script>
    <script src="/CamJam/Resources/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
    <div class="item-active">
        <div class="container">
            <div class="panel active">
                <ul class="nav nav-tabs nav-pills" id="myTab">
                    <li class="active"> <a href="" data-toggle="tab">Cameras</a>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown">User Management<span class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#addUser" data-toggle="tab">Add New user</a></li>
                            <li><a href="#tab4" data-toggle="tab">Show User List</a></li>
                        </ul>
                    </li>
                    <li class=""> <a href="#login.jsp" data-toggle="tab">About</a>
                    <li class="pull-right"> <a href="#tab1" data-toggle="tab">Logout</a>
                </ul>
                <br>
                <div class="tab-content">
                    <div class="tab-pane active" id="tab1">
                    </div>
                    <div class="tab-pane" id="addUser">
                        <form id="target" class="form-horizontal">
                            <fieldset>
                                <div class="form-group">
                                    <label for="loginname" class="col-lg-3 control-label">Loginname:</label>
                                    <div class="col-md-6">
                                        <input type="text" required="" class="form-control input-md" placeholder="Loginname" name="loginname" id="loginname">
                                        <span class="help-block">Enter loginname here</span>
                                    </div>
                                </div>
                                <div class="component" data-content="&lt;form role=&quot;form&quot;&gt;" data-title="Text Input" data-trigger="manual" data-html="true">
                                    <!-- Text input-->
                                    <div class="form-group">
                                        <label for="username" class="col-lg-3 control-label">Username:</label>
                                        <div class="col-md-6">
                                            <input type="text" required="" class="form-control input-md" placeholder="Username" name="username" id="username">
                                            <span class="help-block">Enter username here</span>
                                        </div>
                                    </div>
                                </div><div class="component" data-content="&lt;form role=&quot;form&quot;&gt;" data-title="Text Input" data-trigger="manual" data-html="true">
                                    <!-- Text input-->
                                    <div class="form-group">
                                        <label for="location" class="col-lg-3 control-label">Location:</label>
                                        <div class="col-md-6">
                                            <input type="text" class="form-control input-md" placeholder="Location" name="location" id="location">
                                            <span class="help-block">Enter user location here</span>
                                        </div>
                                    </div>
                                </div><div class="component" data-content="&lt;form role=&quot;form&quot;&gt;" data-title="Password Input" data-trigger="manual" data-html="true">
                                    <!-- Password input-->
                                    <div class="form-group">
                                        <label for="password" class="col-lg-3 control-label">Password:</label>
                                        <div class="col-md-6">
                                            <input type="password" required="" class="form-control input-md" placeholder="Password" name="password" id="password">
                                            <span class="help-block">Enter user password here</span>
                                        </div>
                                    </div>
                                </div><div class="component" data-content="&lt;form role=&quot;form&quot;&gt;" data-title="Password Input" data-trigger="manual" data-html="true">
                                    <!-- Password input-->
                                    <div class="form-group">
                                        <label for="confPassword" class="col-lg-3 control-label">Confirm password:</label>
                                        <div class="col-md-6">
                                            <input type="password" required="" class="form-control input-md" placeholder="Confirm password" name="confPassword" id="confPassword">
                                            <span class="help-block">Confirm password here</span>
                                        </div>
                                    </div>
                                </div><div class="component" data-content="&lt;form role=&quot;form&quot;&gt;" data-title="Select Basic" data-trigger="manual" data-html="true">
                                    <!-- Select Basic -->
                                    <div class="form-group">
                                        <label for="userGroup" class="col-lg-3 control-label">User group:</label>
                                        <div class="col-md-6">
                                            <select class="form-control" name="userGroup" id="userGroup">
                                                <option value="0">User</option>
                                                <option value="1">Admin</option>
                                            </select>
                                        </div>
                                    </div>
                                </div><div class="component" data-content="&lt;form role=&quot;form&quot;&gt;" data-title="Select Basic" data-trigger="manual" data-html="true">
                                    <!-- Select Basic -->
                                    <div class="form-group">
                                        <label for="active" class="col-lg-3 control-label">Active:</label>
                                        <div class="col-md-6">
                                            <select class="form-control" name="active" id="active">
                                                <option value="0">Yes</option>
                                                <option value="1">No</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="component" data-content="&lt;form role=&quot;form&quot;&gt;" data-title="Double Button" data-trigger="manual" data-html="true">
                                    <!-- Button (Double) -->
                                    <div class="form-group">
                                        <div class="col-md-6">
                                            <label for="brnOk" class="col-lg-3 control-label"></label>
                                            <button name="buttonName" value="test1" type="submit" class="btn btn-primary" style="width: 8em" onclick="bDelCam()">OK</button>
                                            <button name="buttonName" value="test2" type="submit" class="btn btn-warning" style="width: 8em; ONCLICK=" baddcam()">Cancel</button>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                    <div class="tab-pane" id="tab3">cccccccccccccc</div>
                    <div class="tab-pane" id="tab4">
                        <form name="form1" method="POST">
                            <button name="buttonName" value="test1" type="submit" class="btn btn-default" onclick="bDelCam()">Delete Camera</button><br>
                            <button name="buttonName" value="test2" type="submit" class="btn btn-default" onclick="bAddcam()">Add Camera</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <%if(request.getParameterNames() != null){%>
        You clicked
        <%= request.getParameter("buttonName") %>
    <%}%>-->
    <script language="JavaScript">
	            <!--
	            function bAddUser()
	            {
	            	this.form.buttonName.value = "button 1"
	            }
	            function bDelUser()
	            {
	            	this.form.buttonName.value = "button 2"
	            }
	            // -->
    </script>
</body>
</html>